<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问答社区</title>
</head>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<link href="/wenda/styles/base.css" rel="stylesheet" type="text/css">
<link href="/styles/index.css" rel="stylesheet" type="text/css">
<link href="/wenda/styles/wenda.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
<script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
<script type="text/javascript" src="/js/system/index.js"></script>
<script type="text/javascript" charset="utf-8" src="/wenda/js/ueditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/wenda/js/ueditor/umeditor.min.js"></script>
<script type="text/javascript" src="/wenda/js/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="/js/system/common.js"></script>
<link href="/wenda/js/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<link href="/wenda/styles/wendaDetail.css" rel="stylesheet" type="text/css">




<style type="text/css">
    ._j_long_answer_item img {
        width: 100%
    }

    .q-desc img {
        width: 100%
    }

    .video_upload {
        position: absolute;
        left: 100px;
        top: 58px;
        width: 500px;
        background-color: #fff;
        border: 1px solid #d3d3d3;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
        z-index: 100;
    }

    .video-hd {
        height: 76px;
        border-bottom: 2px solid #e5e5e5;
        text-align: center;
        text-align: center;
        font-size: 18px;
        color: #333;
        line-height: 76px;
    }

    .video-hd .item {
        float: left;
        width: 50%;
        cursor: pointer;
        position: relative;
    }

    .video-hd .item i {
        display: inline-block;
        margin-right: 10px;
        width: 28px;
        height: 28px;
        background: url(https://images.mafengwo.net/images/post/new_notes/sprite_v34.png) no-repeat -189px -470px;
        vertical-align: -8px;
        *vertical-align: middle;
    }

    .video-hd .item.on .icon-vonline {
        background-position: -218px -470px;
    }

    .video-hd .item .icon-vlocal {
        background-position: -345px -470px;
    }

    .video-hd .item.on .icon-vlocal {
        background-position: -271px -470px;
    }

    .video-hd .item.on {
        color: #ff9d00;
    }

    .video-hd .item.on:after {
        content: '';
        position: absolute;
        width: 150px;
        height: 5px;
        background-color: #ff9d00;
        border-radius: 5px;
        bottom: -3px;
        left: 50%;
        margin-left: -75px;
    }

    .video-bd {
        padding: 35px 35px 60px;
        height: 95px;
        position: relative;
    }

    .video-bd .art-tips {
        font-size: 14px;
    }

    .vbd-local {
        text-align: center;
    }

    .vbd-local .art-tips {
        margin-top: 15px;
    }

    .vbd-online, .vbd-online .art-tips {
        text-align: left;
    }

    .vbd-online .a-inptxt {
        font-size: 14px;
    }

    .video_bar {
        margin-top: 25px;
        padding-left: 55px;
    }

    .video_bar p {
        width: 300px;
        margin-right: 15px;
        height: 18px;
        background-color: #e2e2e2;
        border-radius: 15px;
    }

    .video_bar p span {
        background-color: #add75c;
        display: block;
        width: 0;
        height: 100%;
        border-radius: 15px;
    }

    .video_bar strong {
        font-weight: normal;
        font-size: 14px;
        color: #999;
        line-height: 18px;
        cursor: pointer;
    }

    .uping_per {
        margin-top: 12px;
        font-size: 12px;
        color: #999;
    }

    .uping_per span {
        color: #ff8a00;
    }

    .flt1 {
        float: left;
    }

    ._j_process, ._j_uploading_mode ._j_upload {
        display: none;
    }

    ._j_uploading_mode ._j_process {
        display: block;
    }

    .art-btn-upload {
        display: inline-block;
        margin-top: 15px;
        width: 240px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        border-radius: 30px;
        background: -webkit-linear-gradient(-30deg, transparent 0%, rgba(173, 217, 101, .3) 40%, rgba(173, 217, 101, 1) 90%);
        background: linear-gradient(-30deg right, transparent 0%, rgba(173, 217, 101, .3) 40%, rgba(173, 217, 101, 1) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FFADD965', GradientType=0);
        background-color: #47afbd;
        position: relative;
    }

    .art-btn-upload:hover {
        background-color: #add965;
        text-decoration: none;
        color: #fff;
    }

    ._j_upload_video_trigger {
        display: inline-block;
        opacity: 0;
        filter: Alpha(Opacity=0);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0
    }

    .editor-toolbar .item-active:hover .tooltip {
        visibility: hidden;
        opacity: 0;
    }
</style>
</head>
<script>
    $(function () {
        // 初始化富文本编辑器
        ue = UM.getEditor('editor', {
            textarea: "content", //表单文本域的name
            imageUrl: "/community/contentImage",//图片上传路径
            imageFieldName: "upfile",
            imagePath: ''
        });

        //回答提问
        $("._j_submit_answer_btn").click(function () {
            var content = ue.getContent();
            if (content == '') {
                popup("输入内容不能为空")
                return;
            }
            $.post("/community/answer", {answerId:${(question.id)!},content: content}, function (data) {
                if (data.success) {
                    $("._j_long_answer_item").after(data.data)
                    window.location.reload();
                } else {
                    popup("请登陆后操作")
                }
            })
        });
        var plId;
        $("._j_publish_reply").click(function () {
            plId = $(this).data("id");
            var text = $('.' + $(this).data("wt"));
            text.focus();
            $("._j_publish_comment").addClass("flag");
        })


        //评论回答
        $("._j_publish_comment").click(function () {
            var id = $(this).data("id");
            var content = $(this).prevAll("textarea").val();
            if (content == '') {
                popup("不能评论为空!")
                return
            }
            var text = $(this).prevAll("textarea");
            $.post("/community/commentAdd", {id: id, content: content}, function (data) {
                if (data.success) {
                    window.location.reload();
                } else {
                    popup("请登陆后操作")
                }
            })
        });
    })
</script>
<body style="position:relative;">
<#assign currentNav="wenda">
<#include "../common/navbar.ftl"/>
<div class="detail-wrap clearfix">
    <!-- 问答主要内容 -->
    <div class="col-main">
        <!-- 面包屑导航 -->
        <div class="crumb">
            <a href="/community/" target="_blank">马蜂窝问答</a> &gt; <span>${(question.title)!}</span>
        </div>
        <!-- 问题区域 -->
        <div class="q-detail" id="_js_askDetail">
            <!-- 问题详情 -->
            <div class="q-content">
                <div class="q-title">
                    <a href="/wenda/area-187613.html" target="_blank" class="location"><i></i>${question.dest.name}</a>
                    <h1>
                        ${question.title}
                    </h1>
                </div>
                <div class="q-desc">${question.content}</div>
                <div class="q-info1 clearfix">
                    <div class="q-tags fl">
                    </div>
                    <div class="pub-bar fr">
                        <a href="/wenda/u/30210092/answer.html" class="photo" target="_blank"> <img
                                    src="${question.userInfo.headImgUrl!}" width="16" height="16"></a>
                        <a class="name" href="/wenda/u/30210092/answer.html"
                           target="_blank">${question.userInfo.nickname}</a>
                        <span class="time"><span>${question.createtime?string("yyyy-MM-dd HH:mm:ss")}</span></span>
                    </div>
                </div>
            </div>

            <div class="q-operate clearfix">
                <div class="fl">
                    <!-- 问题分享 -->
                        <a class="weibo-login" href="http://service.weibo.com/share/share.php?title=${question.title}&url=http://localhost/community/detail?id=${question.id}" title="微博登录" rel="nofollow">
                            <img src="/images/weibo-1.png" width="30" height="30">
                        </a>
                        <a class="qq-login" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://m.goczx.com/&desc=${question.title}" title="QQ登录" rel="nofollow">
                            <img src="/images/qq-1.png"
                                 width="30" height="30">
                        </a>
                        <a class="weixin-login" href="http://qr.liantu.com/api.php?text=${question.title}" title="微信登录" rel="nofollow">
                            <img src="/images/weixin-1.png"
                                 width="30" height="30"></a>
                    <!-- 邀请回答 -->
                    <div class="seek-help _j_tip_box">
                        <a class="_j_seek_help_new">邀请窝窝回答</a>
                    </div>
                    <!-- 举报 -->
                    <div class="admin_hide tip-off">
                        <a data-japp="report" data-refer="http://www.mafengwo.cn/wenda/detail-7539214.html"
                           data-refer-uid="30210092" data-app="qa.question" data-busi-id="qid:7539214">举报</a>
                    </div>
                </div>
                <div class="fr">
                    <span class="atten-num">阅读量:5</span>
                    <span class="atten-num"><span class="_j_same_num">221</span>人关注</span>
                    <a class="btn-atten _j_same_question " rel="nofollow" data-status="1"><span>关注</span></a>
                    <a class="btn-answer _j_btn_goanswer" rel="nofollow" href="#hd">回答</a>
                </div>
            </div>

            <!-- 修改问题内容 -->
        </div>


        <!-- 回答区域 -->
        <div class="answer-wrap">
            <div class="hd">
                <span id="_j_anum">${(question.thumbsupnum)!}</span>个回答
            </div>

            <div class="bd _j_pager_box">
                <ul class="answer-list ">
                    <!-- 回答列表 -->
                    <div id="normal_answer_wrap" class="pagelet-block"
                         data-controller="/js/qa/ControllerDetailAnswerList">


                        <#list list as p>
                            <li class="answer-item clearfix _j_answer_item _js_answer18392050 " data-aid="${p.id}">
                                <#--<!--这里是回复内容的顶&ndash;&gt;
                                <div class="answer-side _js_answerAva">
                                    <a class="btn-ding _js_zan  click"><i></i><span &lt;#&ndash;data-real_num="${p.thumbsupnum}"&ndash;&gt;>1</span></a>
                                </div>-->


                                <!--这里是回复的所有内容-->
                                <div class="answer-content _js_answer_content">
                                    <div class="answer-info clearfix">
                                        <div class="user-bar fl">
                                            <a class="_j_filter_click avatar" href="/wenda/u/602706/answer.html"
                                               target="_blank">
                                                <!--头像-->
                                                <img src="${p.headImgUrl}"
                                                     width="48" height="48" class="photo">
                                            </a>
                                            <!--回复的昵称-->
                                            <a class="name" href="/wenda/u/602706/answer.html"
                                               target="_blank">${p.username}</a>
                                            <!--回复人的等级-->
                                            <a class="level" href="/rank/lv.php?uid=602706" target="_blank"
                                               rel="nofollow">LV.${p.level}</a>
                                        </div>
                                    </div>
                                    <!-- 回答内容 -->
                                    <div class="_j_long_answer_item">
                                        ${p.content}
                                    </div>
                                </div>




                                <!--回复回答内容-->
                                <div class="comment-wrap _js_comments is_foldup_detail">
                                    <b class="arrow"><i></i></b>
                                    <div class="_js_comment_list">
                                        <ul class="comment-list _j_comment_list_ul">
                                            <!--这里一个li标签就是一个回复-->
                                            <#list p.comments as co>
                                            <li class="comment-item clearfix" data-cid="18507409">
                                                <div class="comment-user">
                                                    <a class="_j_filter_click avatar" href="/wenda/u/602706/answer.html"
                                                       target="_blank">
                                                        <!--头像-->
                                                        <img src="${co.headImgUrl}"
                                                             width="48" height="48" class="photo">
                                                    </a>
                                                </div>
                                                <dl>
                                                    <dt class="hfpl">
                                                        <a href="/u/602706.html" target="_blank" class="c-name">${co.username}</a>
                                                        <a href="/rank/lv.php?uid=602706" class="level" target="_blank">LV.${co.level}:</a>
                                                        ${co.content}
                                                        <#if co.replyComment??>
                                                    <dd>
                                                        <div class="c-quote">
                                                            <p>${co.replyComment.username}：${co.replyComment.content}</p>
                                                        </div>
                                                    </dd>
                                                    </#if>
                                                    </dt>
                                                    <dd>
                                                        <div class="c-info">
                                                            <span class="c-time fl">${question.createtime?string("yyyy-MM-dd HH:mm:ss")}</span>
                                                            <span class="c-like _j_comment_like" data-cid="18507409" data-num="7<#--${co.thumbsupnum}-->"><a class="btn-like "></a>6<#--${co.thumbsupnum}--></span>
                                                            <a class="c-reply _j_publish_reply fr" data-id="${co.id}" data-wt="${p.id}" data-userinfo="<#--${co.username}-->" data-content="<#--${co.content}-->">回复</a>
                                                            <a class="c-report fr" data-japp="report"
                                                               data-refer="http://www.mafengwo.cn/wenda/detail-7539214-18392050.html"
                                                               data-refer-uid="602706" data-app="qa.answer.comment"
                                                               data-busi-id="cid:18507409">举报</a>
                                                        </div>
                                                    </dd>
                                                </dl>
                                            </li>
                                            </#list>
                                        </ul>
                                    </div>
                                    <div class="comment-page _js_comment_pagination hide" data-comment_total="76"></div>
                                    <div class="comment-add clearfix _j_word">
                                        <textarea class="_j_content _j_word_check hf ${p.id}"></textarea>
                                        <span class="word-count"><span class="_j_word_num">0</span>/<span
                                                    class="_j_max_num">600</span> 字</span>
                                        <input class="btn-comment _j_publish_comment" type="button" value="回复"
                                               data-id="${p.id}">
                                    </div>
                                </div>

                                <!--回答版权名片-->
                                <div class="a-operate _js_operate clearfix">
                                    <div class="fl">
                                        <!-- 问题分享 -->
                                        <div class="q-share cate-share">
                                            <a class="_js_showShare"><i class="q-share-icon"></i>分享</a>
                                        </div>
                                        <div class="cmt-toggle">
                                            <a class="_js_slideComment" data-cnum="11"
                                               data-default_words="1条评论"><i></i><span> ${p.replynum}条评论</span></a>
                                        </div>
                                        <div class="collect">
                                            <a class="_j_collect_answer"><i></i>收藏</a>
                                        </div>
                                        <div class="pub-time">
                                            <span>发布于 ${p.createTime?string("yyyy-MM-dd HH:mm:ss")}</span>
                                        </div>
                                        <div class="tip-off">
                                            <a data-japp="report"
                                               data-refer="http://www.mafengwo.cn/wenda/detail-11023038.html#answer11023110"
                                               data-refer-uid="38931994" data-app="qa.answer"
                                               data-busi-id="aid:11023110">举报</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </#list>
                    </div>
                </ul>
                <!-- 回答详情页 更多回答 -->
                <a class="a-collapse _j_foldup" role="button" tabindex="0" style="display: none;">收起<i></i></a></div>



            <!--这里是回答问题-->
            <div class="answer-add clearfix" id="hd">

                <div class="editor-outer _j_editorOuter _js_editorWrap _js_forFixTitle">
                    <div class="editor-scroll">
                        <#--<div class="question-title">长期生活在国外是一种怎样的体验？</div>-->
                        <!--这里使用我们自己的editr-->
                        <dl class="body cf">
                            <dd id="content_div">
                                <script id="editor" type="text/plain" style="width:700px;height:500px"></script>
                            </dd>
                        </dl>
                        <div class="aa-ft">
                            <input class="btn-comment _j_submit_answer_btn" type="button" value="提交回答">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 问答页面侧边栏 -->
    <div class="col-side" id="_js_right_side">
        <!-- 我要提问 -->
        <div class="btn-question">
            <a href="/community/input/" class="btn-ask btn-ask2" target="_blank">我要提问</a>
        </div>

        <!-- 广告图片 -->
        <div class="ad-box" data-cs-t="wenda">
            <div id="qa_recommend_pagelet" class="pagelet-block" data-api=":qa:pagelet:TopRecommendApi"
                 data-params="{&quot;mddid&quot;:187613,&quot;title&quot;:&quot;\u957f\u671f\u751f\u6d3b\u5728\u56fd\u5916\u662f\u4e00\u79cd\u600e\u6837\u7684\u4f53\u9a8c\uff1f&quot;}"
                 data-async="1" data-controller="/js/qa/ARecommentQu">
                <div class="mod mod-slide">
                    <ul class="slide-img" data-cs-p="topic_recommend_pic">
                        <li style="display: none;">
                            <a target="_blank" href="https://imfw.cn/l/26765236"><img
                                        src="http://n3-q.mafengwo.net/s13/M00/02/F6/wKgEaVx2WNSATa4-AADhkqCkWA468.jpeg"></a>

                        </li>
                        <li style="display: list-item;">
                            <a target="_blank" href="http://www.mafengwo.cn/i/11229838.html"><img
                                        src="http://p2-q.mafengwo.net/s12/M00/BA/6B/wKgED1v3qo6AZ_5BAADecMeJWIo38.jpeg"></a>

                        </li>
                        <li style="display: none;">
                            <a target="_blank" href="https://imfw.cn/l/20198985"><img
                                        src="http://n4-q.mafengwo.net/s12/M00/AD/19/wKgED1u7Dz2Af3AGAADIIpXjeuo88.jpeg"></a>

                        </li>
                    </ul>
                    <div class="slide-trigger " id="slide_btn">
                        <span class=""></span>
                        <span class="on"></span>
                        <span class=""></span>
                    </div>
                </div>
            </div>
        </div>


        <div style="margin-top:0px;margin-bottom: 20px;">
            <div id="pagelet-block-69d2f2cbeb06031d953bacc17d940e33" class="pagelet-block" data-api=":qa:pagelet:ads"
                 data-params="{&quot;mddid&quot;:187613,&quot;tags&quot;:null}" data-async="1" data-controller=""></div>
        </div>

        <!-- 相关问题 -->
        <div id="qa_relation_question_pagelet" class="pagelet-block" data-api=":qa:pagelet:RelationQuestionApi"
             data-params="{&quot;qid&quot;:7539214}" data-async="1" data-controller="">
            <div class="related-qt">
                <div class="tit">相关问题</div>
                <ul class="bd">
                    <li><a href="/wenda/detail-11047984.html" titile="右舵开车是一种怎样的体验？">开酒不喝车,喝车不开酒？</a>
                        <span>20 回答</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<#include "../common/footer.ftl"/>
</body>
</html>